let prev=$("#prev");
let next=$("#next");
let u1=$("#imgWrap");
let li=$("#imgWrap li");
let n=0;
next.click(function(){
    if(n!==li.length-1){
        n++;
    }
    else{
        n=0;
    }
    change()
})
prev.click(function(){
    if(n!==0){
        n--;
    }
    else{
        n=li.length-1;
    }
    change()
})
function change(){
    u1.animate({
        marginLeft:-n*1519,
    })
}
// 发现更多
let xianshi01=$("#findmore .xianshi01");
let xianshi02=$("#findmore .xianshi02");
let span1=$("#findmore .span1")
let box1=$("#findmore .box1");
let box2=$("#findmore .box2-left");
console.log(xianshi02[0])
box1[0].onmouseover=function(){
    span1.hide()
    xianshi02.show();
    xianshi01.show();
    // alert(0)
}
box1[0].onmouseout=function(){
    span1.show()
    xianshi02.hide();
    xianshi01.hide();
}

function hide(a,b,c){
    a.hide();
    b.show()
    c.show()
}
function show(a,b,c){
    a.show();
    b.hide()
    c.hide()
}
let box2left=$("#findmore .box2-left")
let box2right=$("#findmore .box2-right")
let title01=$("#findmore .title01")
let title02=$("#findmore .title02")
let title03=$("#findmore .title03")
let title11=$("#findmore .title11")
let title12=$("#findmore .title12")
let title13=$("#findmore .title13")
box2left[0].onmouseover=function(){
    hide(title01,title02,title03)
}
box2left[0].onmouseout=function(){
    show(title01,title02,title03)
}
box2right[0].onmouseover=function(){
    hide(title11,title12,title13)
}
box2right[0].onmouseout=function(){
    show(title11,title12,title13)
}
// box03
let title31=$("#findmore .title31")
let title32=$("#findmore .title32")
let title33=$("#findmore .title33")
let box3=$("#findmore .box3")
box3[0].onmouseover=function(){
    hide(title31,title32,title33)
}
box3[0].onmouseout=function(){
    show(title31,title32,title33)
}
// box04
let title41=$("#findmore .title41")
let title42=$("#findmore .title42")
let title43=$("#findmore .title43")
let box04=$("#findmore .box04")
box04[0].onmouseover=function(){
    hide(title41,title42,title43)
}
box04[0].onmouseout=function(){
    show(title41,title42,title43)
}
// box05
let box5left=$("#findmore .box5-left")
let box5right=$("#findmore .box5-right")
let title51=$("#findmore .title51")
let title52=$("#findmore .title52")
let title53=$("#findmore .title53")
let title511=$("#findmore .title511")
let title512=$("#findmore .title512")
let title513=$("#findmore .title513")
box5left[0].onmouseover=function(){
    hide(title51,title52,title53)
}
box5left[0].onmouseout=function(){
    show(title51,title52,title53)
}
box5right[0].onmouseover=function(){
    hide(title511,title512,title513)
}
box5right[0].onmouseout=function(){
    show(title511,title512,title513)
}
// box06
let title61=$("#findmore .title61")
let title62=$("#findmore .title62")
let title63=$("#findmore .title63")
let box06=$("#findmore .box06")
box06[0].onmouseover=function(){
    hide(title61,title62,title63);
    
}
box06[0].onmouseout=function(){
    show(title61,title62,title63)
}